@import "common/common";

.slide-up-dialog-layout{
	position: fixed;
	top: 0;
	bottom:0;
	left: 0;
	right: 0;
	z-index: 99;
	background-color: rgba(0,0,0,0);
	@include transition(all linear 0.2s);
	&.show{
		background-color: rgba(0,0,0,0.5);
		.slide-up-dialog{
			@include transform(translateY(0%));
		}
		
	}

	.slide-up-dialog{
		@include display-flex;
		@include flex-direction(column);
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		@include safe(padding-bottom);
		background-color: #fff;
		@include transform(translateY(100%));
		@include transition(transform linear 0.2s);
	}
	.slide-up-dialog-content{
		@include flex(1);
	}

	.slide-up-dialog-footer{
		position: relative;
		@include flex-shrink(0);
		@include display-flex;
		height: rem(45);
		&:before{
			content: " ";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 1px;
			background-color: #e9e9e9;
			@include transform(scaleY(0.5));
		}

		a{
			position: relative;
			@include flex(1);
			line-height: rem(50);
			font-size: rem(15);
			color: #999999;
			text-align: center;
			&:after{
				content: " ";
				position: absolute;
				right: 0;
				top: 0;
				bottom: 0;
				width: 1px;
				background-color: #cdcdcd;
				@include transform(scaleX(0.5));
			}
			&:last-child{
				&:after{
					width: 0;
				}
			}
			&.ok-btn{
				color: #641A83;
			}
		}
	}
}